<!DOCTYPE html>
<html>

<head>
    <title>栗豪 · Daily</title>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
    <meta name="description" content="栗小豪(lihao)的个人网站主页。我是一个22岁的前端工程师,爱生活,爱前端。" />
    <meta name="keywords" content="个人网站,栗小豪的日常生活,前端工程师,web前端" />
    <meta name="author" content="栗小豪" />
    <meta property="og:title" content="栗豪 · Daily" />
    <meta property="og:type" content="website" />
    <meta property="og:url" content="https://www.lihao.fun/" />
    <meta property="og:description" content="我是一个22岁的前端工程师,爱生活,爱前端。" />
    <meta property="og:locale" content="zh-CN" />
    <meta property="og:locale:alternate" content="en-US" />
    <meta property="og:site_name" content="栗小豪的个人网站" />
    <link rel="stylesheet" type="text/css" href="https://cdn.bootcss.com/font-awesome/4.7.0/css/font-awesome.css">
    <link rel="stylesheet" href="./css/bicolor.min.css">
    <link rel="stylesheet" href="./css/bootstrap.min.css">
    <link rel="stylesheet" href="./css/animate.min.css">
    <link rel="stylesheet" href="./css/style.css">
    <link rel="shortcut icon" href="./images/logo.png">
    <script src="https://ip.ws.126.net/ipquery"></script>
    <script src="https://pv.sohu.com/cityjson"></script>
</head>

<body class="start">
    <div id="awd-site-wrap" class="bg bg-home">
        <div id="bg">
            <div id="overlay">
                <div class="awd-site-bg bg-home"></div>
                <div class="awd-site-bg bg-diary"></div>
                <div class="awd-site-bg bg-suiyu"></div>
                <div class="awd-site-bg bg-movie"></div>
                <div class="awd-site-bg bg-music"></div>
                <div class="awd-site-bg bg-life"></div>
            </div>
            <canvas id="awd-site-canvas" width="1920" height="974"></canvas>
        </div>

        <header id="awd-site-header">
            <div id="awd-site-logo" class="animated fadeInDown visible" data-animation="fadeInDown" data-animation-delay="500">
                <h1>
                    <a href="#" class="go-slide" data-slide="home">
                        <i class="fa fa-slideshare"></i>
                        <span class='my_name'>阿豪</span>
                    </a>
                </h1>
            </div>
            <button class="menu-toggle animated fadeInDown visible" data-animation="fadeInDown" data-animation-delay="500" data-role="toggle">
                <span></span>
                <span></span>
                <span></span>
            </button>

            <nav id="awd-site-nav" class="navigation animated fadeInDown visible" data-animation="fadeInDown" data-animation-delay="500">
                <div class="nav-container">

                    <ul>
                        <li>
                            <a href="#" data-slide="home" class="active li_black" >首<span style="font-size:22px">·</span>页</a>
                        </li>
                        <li>
                            <a href="#" data-slide="diary" class='li_white'>日<span style="font-size:22px">·</span>记</a>
                        </li>
                        <li>
                            <a href="#" data-slide="suiyu" class='li_white'>碎<span style="font-size:22px">·</span>语</a>
                        </li>
                        <li>
                            <a href="#" data-slide="movie" class='li_black'>电<span style="font-size:22px">·</span>影</a>
                        </li>
                        <li>
                            <a href="#" data-slide="music" class='li_white'>音<span style="font-size:22px">·</span>乐</a>
                        </li>
                        <li>
                            <a href="#" data-slide="life" class='li_white'>生<span style="font-size:22px">·</span>活</a>
                        </li>
                    </ul>

                </div>
            </nav>

        </header>


        <main id="awd-site-main">

            <section id="awd-site-content">
                <div class="sections-block ps-container" data-ps-id="d6170324-3500-b1e2-f0bf-796c0596596c">
                    <div class="slides">
                        <div class="slides-wrap">
                            <!-- 首页 -->
                            <div class="slide-item active" data-slide-id="home">

                                <div class="container-fluid">
                                    <div class="row">
                                        <div class="col-md-12">

                                            <div class="slide-content">
                                                <div class="row">
                                                    <div class="col-lg-6 col-md-6 svm">
                                                        <div class="section-info text-left">
                                                            <div class="countdown">
                                                                <div id="clock" class="animated fadeIn visible" data-animation="fadeIn" data-animation-delay="60"></div>
                                                            </div>
                                                        </div>
                                                    </div>
                                                    <div class="col-lg-5 col-lg-offset-1 col-md-6 svm">
                                                        <div class="section-info text-right">

                                                            <h2 class="section-title text-default animated fadeIn visible" data-animation="fadeIn" data-animation-delay="50">Hey Guys!
                                                                <br> 我即将上线啦...</h2>

                                                            <p class="animated fadeIn visible" data-animation="fadeIn" data-animation-delay="55">我的网站正在建设<br>它将是非常棒的网站<br>您可以移步到我的</p>
                                                            <a href="http://www.lihao.fun:5125/" class="btn go-slide animated fadeIn visible" data-animation="fadeIn" data-animation-delay="60"
                                                                target="_black">个人博客</a>
                                                            <a href="http://www.lihao.fun:8080/" class="btn btn-inverse go-slide animated fadeIn visible" data-animation="fadeIn" data-animation-delay="60"
                                                                 target="_black">个人主页</a>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>

                                        </div>
                                    </div>
                                </div>

                            </div>
                            <!-- 日记 -->
                            <div class="slide-item" data-slide-id="diary">

                                <div class="container-fluid">
                                    <div class="row">
                                        <div class="col-md-12">

                                            <div class="slide-content">
                                                <div class="row">
                                                    <div class="col-lg-5 col-lg-offset-2 col-md-6 col-md-offset-1 col-md-push-5 svm">
                                                        <div class="section-info text-right">
                                                            <h2 class="section-title text-default animated fadeIn visible" data-animation="fadeIn" data-animation-delay="60">日记</h2>
                                                            <p class="animated fadeIn visible" data-animation="fadeIn" data-animation-delay="100">有一种人活在他自己的世界里<br>他的王国他是主宰<br>这很酷
                                                            </p>
                                                        </div>
                                                    </div>
                                                    <div class="col-md-5 col-md-pull-7 svm">
                                                        <div class="section-info text-left">




                                                        </div>
                                                    </div>
                                                </div>
                                            </div>

                                        </div>
                                    </div>

                                </div>

                            </div>
                            <!-- 碎语 -->
                            <div class="slide-item" data-slide-id="suiyu">

                                <div class="container-fluid">
                                    <div class="row">
                                        <div class="col-md-12">

                                            <div class="slide-content">
                                                <div class="row">
                                                    <div class="col-lg-5 col-lg-offset-2 col-md-6 col-md-offset-1 col-md-push-5 svm">
                                                        <div class="section-info text-right">
                                                            <h2 class="section-title text-default animated fadeIn visible" data-animation="fadeIn" data-animation-delay="60">碎语</h2>
                                                            <p class="animated fadeIn visible" data-animation="fadeIn" data-animation-delay="100">人分两类<br>迷人乏味
                                                            </p>
                                                        </div>
                                                    </div>
                                                    <div class="col-md-5 col-md-pull-7 svm">
                                                        <div class="section-info text-left">


                                                        </div>
                                                    </div>
                                                </div>
                                            </div>

                                        </div>
                                    </div>

                                </div>

                            </div>
                            <!-- 电影 -->
                            <div class="slide-item" data-slide-id="movie">
                                <div class="container-fluid">
                                    <div class="row">
                                        <div class="col-md-12">
                                            <div class="slide-content">
                                                <div class="row">
                                                    <div class="col-lg-5 col-lg-offset-2 col-md-6 col-md-offset-1 col-md-push-5 svm">
                                                        <div class="section-info text-right">

                                                            <h2 class="section-title text-default animated fadeIn visible" data-animation="fadeIn">电影</h2>

                                                            <p class="animated fadeIn visible" data-animation="fadeIn" data-animation-delay="100">关于 《重庆森林》<br>这是香港电影<br>跟重庆没有关系<br>跟森林也没有关系<br>但如果你失恋过<br>那就跟你有关系
                                                            </p>
                                                        </div>
                                                    </div>
                                                    <div class="col-md-5 col-md-pull-7 svm">
                                                        <div class="section-info text-left">


                                                        </div>
                                                    </div>
                                                </div>
                                            </div>

                                        </div>
                                    </div>

                                </div>

                            </div>
                            <!-- 音乐 -->
                            <div class="slide-item" data-slide-id="music">
                                <div class="container-fluid">
                                    <div class="row">
                                        <div class="col-md-12">
                                            <div class="slide-content">
                                                <div class="row">
                                                    <div class="col-lg-5 col-lg-offset-2 col-md-6 col-md-offset-1 col-md-push-5 svm">
                                                        <div class="section-info text-right">

                                                            <h2 class="section-title text-default animated fadeIn visible" data-animation="fadeIn">音乐</h2>
                                                            <p class="animated fadeIn visible" data-animation="fadeIn" data-animation-delay="100">北方的村庄<br>住着一个南方的姑娘<br>她总是喜欢穿着带花的裙子<br>站在路旁<br>她的话不多<br>但笑起来是那么平静优雅<br>她柔弱的眼神里装的是什么<br>是思念的忧伤
                                                            </p>

                                                        </div>
                                                    </div>
                                                    <div class="col-md-5 col-md-pull-7 svm">
                                                        <div class="section-info text-left">

                                                        </div>
                                                    </div>
                                                </div>
                                            </div>

                                        </div>
                                    </div>

                                </div>

                            </div>
                            <!-- 生活 -->
                            <div class="slide-item" data-slide-id="life">
                                <div class="container-fluid">
                                    <div class="row">
                                        <div class="col-md-12">
                                            <div class="slide-content">
                                                <div class="row">
                                                    <div class="col-lg-5 col-lg-offset-2 col-md-6 col-md-offset-1 col-md-push-5 svm">
                                                        <div class="section-info text-right">
                                                            <h2 class="section-title text-default animated fadeIn visible" data-animation="fadeIn">生活</h2>
                                                            <p class="animated fadeIn visible" data-animation="fadeIn" data-animation-delay="100">长到这么大<br>我说不出来我最爱的一部电影<br>说不出来我最爱的一首歌<br>说不出来我最爱的一个人<br>时常觉得人生其实没那么有趣<br>偶尔也会质疑活着的意义<br>所有来自于书上和别人口中的意义<br>都不曾说服过我<br>但今天突然觉得<br>大概人生最大的意义<br>就是用余生去找到那些最爱吧</p>
                                                        </div>
                                                    </div>
                                                    <div class="col-md-5 col-md-pull-7 svm">
                                                        <div class="section-info text-left">


                                                        </div>
                                                    </div>
                                                </div>
                                            </div>

                                        </div>
                                    </div>

                                </div>

                            </div>
                        </div>
                    </div>
                    <div class="ps-scrollbar-x-rail" style="left: 0px; bottom: 3px;">
                        <div class="ps-scrollbar-x" style="left: 0px; width: 0px;"></div>
                    </div>
                    <div class="ps-scrollbar-y-rail" style="top: 0px; right: 3px;">
                        <div class="ps-scrollbar-y" style="top: 0px; height: 0px;"></div>
                    </div>
                </div>
            </section>

        </main>

        <footer id="awd-site-footer">
            <div class="copyright animated fadeInUp visible" data-animation="fadeInUp" data-animation-delay="500">
                <p>© 2018 栗豪 - All Rights Reserved
                    <a href="http://www.miitbeian.gov.cn" target="_black">豫ICP备18012750号</a>
                </p>
            </div>
            <nav class="social-icons animated fadeInUp visible" data-animation="fadeInUp" data-animation-delay="500">
                <ul>
                    <li title="兼容IE">
                        <a href="javascript:;">
                            <i class="fa fa-internet-explorer"></i>
                        </a>
                    </li>
                    <li title="兼容谷歌">
                        <a href="javascript:;">
                            <i class="fa fa-chrome"></i>
                        </a>
                    </li>
                    <li title="QQ">
                        <a href="javascript:;">
                            <i class="fa fa-qq"></i>
                        </a>
                    </li>
                    <li title="微信">
                        <a href="javascript:;">
                            <i class="fa fa-weixin"></i>
                        </a>
                    </li>
                    <li title="个人中心">
                        <a href="javascript:;">
                            <i class="fa fa-user-circle-o"></i>
                        </a>
                    </li>
                </ul>
            </nav>
        </footer>
    </div>
    <script src="./js/jq-3.3.1.min.js"></script>
    <script src="./js/jquery.min.js"></script>
    <script src="./js/bootstrap.min.js"></script>
    <script src="./js/vendor.js"></script>
    <script src="./js/options.js"></script>
    <script src="./js/main.js"></script>

</body>

</html>